/**
 * 获取标签指定的的样式
 * @param {Document} elem 需要获取样式的元素的dom对象
 * @param {String} attr 获取样式的名称
 * @returns String
 */
 function getStyle(elem,attr){
    if(window.getComputedStyle){
        // 表示window下存在getComputedStyle属性 说明绝对是IE高版本
        return window.getComputedStyle(elem)[attr];
    }
    // 代码走到这里绝对可以证明是IE低版本
    return elem.currentStyle[attr];
}

/**
 * 兼容性进行事件监听
 * @param {String} elem 传递 css选择器规则 函数本身根据字符串寻找元素 
 * @param {*} typeName 事件名称  不带on前缀的名称 
 * @param {*} handler  事件处理程序  就是一个函数
 */
function bind(elem,typeName,handler){
    // 获取到监听事件的元素,可能传递选择器规则可以匹配多个元素，如果存在多个元素 就每个元素都监听事件
    var elems = document.querySelectorAll(elem);
    if(window.addEventListener){
        // 满足W3C标准的浏览器
        elems.forEach(function(dom){
            dom.addEventListener(typeName,handler);
        })
    }else{
        elems.forEach(function(dom){
            dom.attachEvent('on'+typeName,handler);
        })
    }
    
    // elems.forEach(function(dom){
    //     window.addEventListener?dom.addEventListener(typeName,handler): dom.attachEvent('on'+typeName,handler);
    // })
}